<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/flexible.js"></script>

</head>

<body>
    <!-- 导航头部 s-->
    <div class="header-box">
        <div class="top">
            <!-- 左边 -->
            <div class="logo">
                <img src="./img/class.png" alt="">
            </div>
            <!-- 右边 -->
            <div class="denglu">
                <img src="./img/log.png" alt="">
            </div>
        </div>
        <div class="search-box">
            <div class="search">
                <img src="./img/sec.png" alt="">
                <input type="text" placeholder="818元大额券即刻开抢">
            </div>
        </div>

    </div>
    <!-- 导航头部 E-->
    <!-- banner s -->
    <div class="banner">
        <div class="tp"></div>
    </div>
    <!-- banner E -->

    <!-- 倒计时 s -->
    <a href="#" class="sjs-box">
        <div class="sjs"></div>
        <div class="shangpin">
            <img src="./upload/01.jpg" alt="">
        </div>

    </a>
    <!-- 倒计时 E -->

    <!-- 购物栏 S -->
    <div class="go-box">
        <ul class="diyi1">
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="./img/icon2.png" alt="">
                    </div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="./img/icon2.png" alt="">
                    </div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="./img/icon2.png " alt="">
                    </div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="./img/icon2.png" alt="">
                    </div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon"><img src="./img/icon2.png" alt=""></div>
                    <p>京东超市</p>
                </a>
            </li>


        </ul>
        <ul class="dier2">
            <li>
                <a href="#">
                    <div class="icon"><img src="./img/icon2.png" alt=""></div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon"><img src="./img/icon2.png" alt=""></div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon"><img src="./img/icon2.png" alt=""></div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon"><img src="./img/icon2.png" alt=""></div>
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon"><img src="./img/icon2.png" alt=""></div>
                    <p>京东超市</p>
                </a>
            </li>
        </ul>

    </div>
    <!-- 购物栏 S -->

    <!-- 省钱卡 s -->
    <div class="lim-box">
        <div class="sqk">
            <img src="./img/add1.png" alt="">
        </div>
        <div class="juan1">
            <img src="./img/add2.png" alt="">
        </div>
        <div class="juan2">
            <img src="./img/add3.png" alt="">
        </div>
    </div>

    <!-- 现实秒杀 s -->
    <div class="xs-box">
        <div class="top">
            <ul>
                <li>
                    <h3>限时秒杀 <span>00:15:17</span></h3>
                    <h4>人气好货限时抢</h4>
                    <a href="#">
                        <div class="icoo">
                            <div class="pic1">
                                <img src="./upload/03.jpg" alt="">
                                <p>￥49</p>
                            </div>
                            
                            <div class="pic2">
                                <img src="./upload/04.jpg" alt="">
                                <p>￥49</p>
                            </div>
                           
                        </div>
                    </a>
                </li>
                <li>
                    <h3>大聚会</h3>
                    <h4>聚优品 惠生活</h4> 
                    <a href="#">
                        <div class="icoo">
                            <div class="pic1">
                                <img src="./upload/03.jpg" alt="">
                                <p>￥49</p>
                            </div>
                            
                            <div class="pic2">
                                <img src="./upload/04.jpg" alt="">
                                <p>￥49</p>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
           
        </div>

        <div class="xia">
            <ul>
                <li>
                    <h3>限时秒杀 <span>00:15:17</span></h3>
                    <h4>人气好货限时抢</h4>
                    <a href="#">
                        <div class="icoo">
                            <div class="pic1">
                                <img src="./upload/03.jpg" alt="">
                                <p>￥49</p>
                            </div>
                            
                            <div class="pic2">
                                <img src="./upload/04.jpg" alt="">
                                <p>￥49</p>
                            </div>
                           
                        </div>
                    </a>
                </li>
                <li>
                    <h3>大聚会</h3>
                    <h4>聚优品 惠生活</h4> 
                    <a href="#">
                        <div class="icoo">
                            <div class="pic1">
                                <img src="./upload/03.jpg" alt="">
                                <p>￥49</p>
                            </div>
                            
                            <div class="pic2">
                                <img src="./upload/04.jpg" alt="">
                                <p>￥49</p>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <div class="bottom">
            
        </div>
    </div>
    <!-- 现实秒杀 E -->
</body>

</html>